
		<!DOCTYPE html>
		<html>
		<head>
			<link rel="stylesheet" type="text/css" href="estilo.css">
			<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
			<title>Mezclador número:1 - 8_Canales</title>
		</head>
		<body>
			<header class="titulo">
			</header>
			<hr/>
	        <header>
	        	<h1>Proyecto: </h1>
	            <nav>
	                <ul>
	                    <li>Inicio</li>
	                </ul>
	            </nav>
	        </header>
	        <section class="canalesWrapper">
	 		
	            <div class="canal">
	            	<div id="control1" class="control">
	            		<div class="numeroCanal" title="Canal Número: 1" alt="Canal Número: 1">
	            			1
	            		</div>
	            		
	            		<input type="button" id="controlreproducir1" class="reproducir" title="reproducir" alt="reproducir">
	            		</input>	            		
	            		
	            		<input type="button" id="controlpausar1" class="pausar" title="pausar" alt="pausar">
	            		</input>	            		
	            		
	            		<input type="button" id="controlparar1" class="parar" title="parar" alt="parar">
	            		</input>	            		
	            		
	            		<input type="range" id="controlvolumen1" class="volumen" title="volumen" alt="volumen">
	            		</input>	            		
	            		
	            		<input type="range" id="controlganancia1" class="ganancia" title="ganancia" alt="ganancia">
	            		</input>	            		
	            		
	            		<div class="activo">
	            			Activo <input type="checkbox" value="Activo" />
	            		</div>
	            	</div>
	                <canvas id="grafica1" >
	                </canvas>
	            </div>
	 		
	            <div class="canal">
	            	<div id="control2" class="control">
	            		<div class="numeroCanal" title="Canal Número: 2" alt="Canal Número: 2">
	            			2
	            		</div>
	            		
	            		<input type="button" id="controlreproducir2" class="reproducir" title="reproducir" alt="reproducir">
	            		</input>	            		
	            		
	            		<input type="button" id="controlpausar2" class="pausar" title="pausar" alt="pausar">
	            		</input>	            		
	            		
	            		<input type="button" id="controlparar2" class="parar" title="parar" alt="parar">
	            		</input>	            		
	            		
	            		<input type="range" id="controlvolumen2" class="volumen" title="volumen" alt="volumen">
	            		</input>	            		
	            		
	            		<input type="range" id="controlganancia2" class="ganancia" title="ganancia" alt="ganancia">
	            		</input>	            		
	            		
	            		<div class="activo">
	            			Activo <input type="checkbox" value="Activo" />
	            		</div>
	            	</div>
	                <canvas id="grafica2" >
	                </canvas>
	            </div>
	 		
	            <div class="canal">
	            	<div id="control3" class="control">
	            		<div class="numeroCanal" title="Canal Número: 3" alt="Canal Número: 3">
	            			3
	            		</div>
	            		
	            		<input type="button" id="controlreproducir3" class="reproducir" title="reproducir" alt="reproducir">
	            		</input>	            		
	            		
	            		<input type="button" id="controlpausar3" class="pausar" title="pausar" alt="pausar">
	            		</input>	            		
	            		
	            		<input type="button" id="controlparar3" class="parar" title="parar" alt="parar">
	            		</input>	            		
	            		
	            		<input type="range" id="controlvolumen3" class="volumen" title="volumen" alt="volumen">
	            		</input>	            		
	            		
	            		<input type="range" id="controlganancia3" class="ganancia" title="ganancia" alt="ganancia">
	            		</input>	            		
	            		
	            		<div class="activo">
	            			Activo <input type="checkbox" value="Activo" />
	            		</div>
	            	</div>
	                <canvas id="grafica3" >
	                </canvas>
	            </div>
	 		
	            <div class="canal">
	            	<div id="control4" class="control">
	            		<div class="numeroCanal" title="Canal Número: 4" alt="Canal Número: 4">
	            			4
	            		</div>
	            		
	            		<input type="button" id="controlreproducir4" class="reproducir" title="reproducir" alt="reproducir">
	            		</input>	            		
	            		
	            		<input type="button" id="controlpausar4" class="pausar" title="pausar" alt="pausar">
	            		</input>	            		
	            		
	            		<input type="button" id="controlparar4" class="parar" title="parar" alt="parar">
	            		</input>	            		
	            		
	            		<input type="range" id="controlvolumen4" class="volumen" title="volumen" alt="volumen">
	            		</input>	            		
	            		
	            		<input type="range" id="controlganancia4" class="ganancia" title="ganancia" alt="ganancia">
	            		</input>	            		
	            		
	            		<div class="activo">
	            			Activo <input type="checkbox" value="Activo" />
	            		</div>
	            	</div>
	                <canvas id="grafica4" >
	                </canvas>
	            </div>
	 		
	            <div class="canal">
	            	<div id="control5" class="control">
	            		<div class="numeroCanal" title="Canal Número: 5" alt="Canal Número: 5">
	            			5
	            		</div>
	            		
	            		<input type="button" id="controlreproducir5" class="reproducir" title="reproducir" alt="reproducir">
	            		</input>	            		
	            		
	            		<input type="button" id="controlpausar5" class="pausar" title="pausar" alt="pausar">
	            		</input>	            		
	            		
	            		<input type="button" id="controlparar5" class="parar" title="parar" alt="parar">
	            		</input>	            		
	            		
	            		<input type="range" id="controlvolumen5" class="volumen" title="volumen" alt="volumen">
	            		</input>	            		
	            		
	            		<input type="range" id="controlganancia5" class="ganancia" title="ganancia" alt="ganancia">
	            		</input>	            		
	            		
	            		<div class="activo">
	            			Activo <input type="checkbox" value="Activo" />
	            		</div>
	            	</div>
	                <canvas id="grafica5" >
	                </canvas>
	            </div>
	 		
	            <div class="canal">
	            	<div id="control6" class="control">
	            		<div class="numeroCanal" title="Canal Número: 6" alt="Canal Número: 6">
	            			6
	            		</div>
	            		
	            		<input type="button" id="controlreproducir6" class="reproducir" title="reproducir" alt="reproducir">
	            		</input>	            		
	            		
	            		<input type="button" id="controlpausar6" class="pausar" title="pausar" alt="pausar">
	            		</input>	            		
	            		
	            		<input type="button" id="controlparar6" class="parar" title="parar" alt="parar">
	            		</input>	            		
	            		
	            		<input type="range" id="controlvolumen6" class="volumen" title="volumen" alt="volumen">
	            		</input>	            		
	            		
	            		<input type="range" id="controlganancia6" class="ganancia" title="ganancia" alt="ganancia">
	            		</input>	            		
	            		
	            		<div class="activo">
	            			Activo <input type="checkbox" value="Activo" />
	            		</div>
	            	</div>
	                <canvas id="grafica6" >
	                </canvas>
	            </div>
	 		
	            <div class="canal">
	            	<div id="control7" class="control">
	            		<div class="numeroCanal" title="Canal Número: 7" alt="Canal Número: 7">
	            			7
	            		</div>
	            		
	            		<input type="button" id="controlreproducir7" class="reproducir" title="reproducir" alt="reproducir">
	            		</input>	            		
	            		
	            		<input type="button" id="controlpausar7" class="pausar" title="pausar" alt="pausar">
	            		</input>	            		
	            		
	            		<input type="button" id="controlparar7" class="parar" title="parar" alt="parar">
	            		</input>	            		
	            		
	            		<input type="range" id="controlvolumen7" class="volumen" title="volumen" alt="volumen">
	            		</input>	            		
	            		
	            		<input type="range" id="controlganancia7" class="ganancia" title="ganancia" alt="ganancia">
	            		</input>	            		
	            		
	            		<div class="activo">
	            			Activo <input type="checkbox" value="Activo" />
	            		</div>
	            	</div>
	                <canvas id="grafica7" >
	                </canvas>
	            </div>
	 		
	            <div class="canal">
	            	<div id="control8" class="control">
	            		<div class="numeroCanal" title="Canal Número: 8" alt="Canal Número: 8">
	            			8
	            		</div>
	            		
	            		<input type="button" id="controlreproducir8" class="reproducir" title="reproducir" alt="reproducir">
	            		</input>	            		
	            		
	            		<input type="button" id="controlpausar8" class="pausar" title="pausar" alt="pausar">
	            		</input>	            		
	            		
	            		<input type="button" id="controlparar8" class="parar" title="parar" alt="parar">
	            		</input>	            		
	            		
	            		<input type="range" id="controlvolumen8" class="volumen" title="volumen" alt="volumen">
	            		</input>	            		
	            		
	            		<input type="range" id="controlganancia8" class="ganancia" title="ganancia" alt="ganancia">
	            		</input>	            		
	            		
	            		<div class="activo">
	            			Activo <input type="checkbox" value="Activo" />
	            		</div>
	            	</div>
	                <canvas id="grafica8" >
	                </canvas>
	            </div>
	 		
	        </section>
	        <section class="controlesArchivoWrapper">
	        	<article class="cargaArchivo">
	        	<div class="mensaje">
	        			Cargar Archivo
	        	</div>
	        	<input id="myfile" name="myfile" type="file" accept="audio/wav">
	        	<header>Canal</header>
	        	<select>
	        		<option value="1">1</option>
	        		<option value="2">2</option>
	        		<option value="3">3</option>
	        		<option value="4">4</option>
	        		<option value="5">5</option>
	        		<option value="6">6</option>
	        		<option value="7">7</option>
	        		<option value="8">8</option>
	        	</select>
	        	<input type="button" id="cargar" value="Cargar" >
	        	</input>
	        	</article>
	        	<article class="descargaArchivo">
	        		<div class="mensaje">
	        			Descargar Archivo
	        		</div>
	        		<a href="#" ></a>
	        	</article>
	        </section>
	        <footer>
	        	<div>Edwin Ricardo Romero Cabezas</div>
	            <div>Universidad Distrital Francisco José de Caldas</div>
	            <div>Especialización en Ingeniería de Software</div>
	            <div>V 1.0 - 2013</div>
	        </footer>
	    </body>
		
		</html>
		
		